<!--
 * @Author: lijun ahjunshao666@163.com
 * @Date: 2023-08-04 14:54:50
 * @LastEditors: lijun ahjunshao666@163.com
 * @LastEditTime: 2023-08-04 15:37:41
 * @FilePath: \NingxiangElderlyCare\src\components\WorkSpace\QuickOperate\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="quick_operate">
    <div class="title">快捷操作</div>
    <div class="list_wrap">
      <div class="list_item" v-for="(item, index) in list" :key="index">{{ item.name }}</div>
    </div>
  </div>
</template>

<script setup lang="ts">
const list = ref([
  {
    name: '录入服务对象'
  },
  {
    name: '录入政策文件'
  },
  {
    name: '综合查询'
  },
  {
    name: '开账号'
  },
  {
    name: '数据管理设置'
  },
  {
    name: '异常数据处理'
  },
  {
    name: '基础数据变更处理'
  },
  {
    name: '采集服务设施'
  },
  {
    name: '采集服务组织'
  },
  {
    name: '采集养老机构'
  },
])

</script>

<style scoped lang="scss">
.quick_operate {
  padding: 10px;

  .title {
    font-weight: 900;
  }

  .list_wrap {
    display: flex;
    flex-wrap: wrap;

    .list_item {
      width: 100px;
      margin: 10px;
      padding: 10px;
      text-align: center;
      cursor: pointer;
      border: 1px solid #333;
    }
  }
}</style>